@charset "UTF-8";
/**
 * @description 黑
 */
body.vab-theme-black .logo-container-vertical,
body.vab-theme-black .logo-container-horizontal,
body.vab-theme-black .logo-container-comprehensive,
body.vab-theme-black .logo-container-float {
  color: var(--el-color-white) !important;
  background: #282c34 !important;
}
body.vab-theme-black .logo-container-column .logo {
  color: var(--el-color-white) !important;
  background: #282c34 !important;
}
body.vab-theme-black .vab-column-bar-container.el-scrollbar .el-tabs .el-tabs__nav-wrap.is-left {
  color: var(--el-color-white) !important;
  background: #282c34 !important;
}
body.vab-theme-black .vab-column-bar-container.el-scrollbar .el-tabs .el-tabs__nav {
  color: var(--el-color-white) !important;
  background: #282c34 !important;
}
body.vab-theme-black .vab-column-bar-container.el-scrollbar .el-tabs .el-tabs__item.is-active {
  background: var(--el-color-primary) !important;
}
body.vab-theme-black .vab-column-bar-container.el-scrollbar .el-menu .el-menu-item.is-active,
body.vab-theme-black .vab-column-bar-container.el-scrollbar .el-menu .el-sub-menu__title.is-active,
body.vab-theme-black .vab-column-bar-container.el-scrollbar .el-menu .el-menu-item:hover,
body.vab-theme-black .vab-column-bar-container.el-scrollbar .el-menu .el-sub-menu__title:hover {
  color: var(--el-color-primary) !important;
  background-color: var(--el-color-primary-light-9) !important;
}
body.vab-theme-black .vab-column-bar-container.el-scrollbar .el-menu .el-menu-item.is-active i,
body.vab-theme-black .vab-column-bar-container.el-scrollbar .el-menu .el-sub-menu__title.is-active i,
body.vab-theme-black .vab-column-bar-container.el-scrollbar .el-menu .el-menu-item:hover i,
body.vab-theme-black .vab-column-bar-container.el-scrollbar .el-menu .el-sub-menu__title:hover i {
  color: var(--el-color-primary) !important;
}
body.vab-theme-black .vab-column-bar-container-card.el-scrollbar .el-tabs .el-tabs__item.is-active {
  background: transparent !important;
}
body.vab-theme-black .vab-column-bar-container-card.el-scrollbar .el-tabs .el-tabs__item.is-active .vab-column-grid {
  background: var(--el-color-primary) !important;
}
body.vab-theme-black .vab-column-bar-container-arrow.el-scrollbar .el-tabs .el-tabs__item.is-active {
  background: transparent !important;
}
body.vab-theme-black .vab-column-bar-container-arrow.el-scrollbar .el-tabs .el-tabs__item.is-active .vab-column-grid {
  background: transparent !important;
}
body.vab-theme-black .vab-layout-float .el-menu,
body.vab-theme-black .vab-layout-common .el-menu,
body.vab-theme-black .vab-layout-vertical .el-menu,
body.vab-theme-black .vab-layout-horizontal .el-menu,
body.vab-theme-black .vab-layout-comprehensive .el-menu {
  color: var(--el-color-white) !important;
  background: #282c34 !important;
}
body.vab-theme-black .vab-layout-float .el-menu .el-sub-menu .el-sub-menu__title,
body.vab-theme-black .vab-layout-float .el-menu .el-menu-item,
body.vab-theme-black .vab-layout-common .el-menu .el-sub-menu .el-sub-menu__title,
body.vab-theme-black .vab-layout-common .el-menu .el-menu-item,
body.vab-theme-black .vab-layout-vertical .el-menu .el-sub-menu .el-sub-menu__title,
body.vab-theme-black .vab-layout-vertical .el-menu .el-menu-item,
body.vab-theme-black .vab-layout-horizontal .el-menu .el-sub-menu .el-sub-menu__title,
body.vab-theme-black .vab-layout-horizontal .el-menu .el-menu-item,
body.vab-theme-black .vab-layout-comprehensive .el-menu .el-sub-menu .el-sub-menu__title,
body.vab-theme-black .vab-layout-comprehensive .el-menu .el-menu-item {
  color: var(--el-color-white) !important;
  background: #282c34 !important;
}
body.vab-theme-black .vab-layout-float .vab-side-bar,
body.vab-theme-black .vab-layout-float .comprehensive-bar-container,
body.vab-theme-black .vab-layout-common .vab-side-bar,
body.vab-theme-black .vab-layout-common .comprehensive-bar-container,
body.vab-theme-black .vab-layout-vertical .vab-side-bar,
body.vab-theme-black .vab-layout-vertical .comprehensive-bar-container,
body.vab-theme-black .vab-layout-horizontal .vab-side-bar,
body.vab-theme-black .vab-layout-horizontal .comprehensive-bar-container,
body.vab-theme-black .vab-layout-comprehensive .vab-side-bar,
body.vab-theme-black .vab-layout-comprehensive .comprehensive-bar-container {
  color: var(--el-color-white) !important;
  background: #282c34 !important;
}
body.vab-theme-black .vab-layout-float .vab-side-bar .el-menu-item:hover,
body.vab-theme-black .vab-layout-float .comprehensive-bar-container .el-menu-item:hover,
body.vab-theme-black .vab-layout-common .vab-side-bar .el-menu-item:hover,
body.vab-theme-black .vab-layout-common .comprehensive-bar-container .el-menu-item:hover,
body.vab-theme-black .vab-layout-vertical .vab-side-bar .el-menu-item:hover,
body.vab-theme-black .vab-layout-vertical .comprehensive-bar-container .el-menu-item:hover,
body.vab-theme-black .vab-layout-horizontal .vab-side-bar .el-menu-item:hover,
body.vab-theme-black .vab-layout-horizontal .comprehensive-bar-container .el-menu-item:hover,
body.vab-theme-black .vab-layout-comprehensive .vab-side-bar .el-menu-item:hover,
body.vab-theme-black .vab-layout-comprehensive .comprehensive-bar-container .el-menu-item:hover {
  color: var(--el-color-white) !important;
  background-color: var(--el-color-primary) !important;
}
body.vab-theme-black .vab-layout-float .vab-side-bar .el-menu-item.is-active,
body.vab-theme-black .vab-layout-float .comprehensive-bar-container .el-menu-item.is-active,
body.vab-theme-black .vab-layout-common .vab-side-bar .el-menu-item.is-active,
body.vab-theme-black .vab-layout-common .comprehensive-bar-container .el-menu-item.is-active,
body.vab-theme-black .vab-layout-vertical .vab-side-bar .el-menu-item.is-active,
body.vab-theme-black .vab-layout-vertical .comprehensive-bar-container .el-menu-item.is-active,
body.vab-theme-black .vab-layout-horizontal .vab-side-bar .el-menu-item.is-active,
body.vab-theme-black .vab-layout-horizontal .comprehensive-bar-container .el-menu-item.is-active,
body.vab-theme-black .vab-layout-comprehensive .vab-side-bar .el-menu-item.is-active,
body.vab-theme-black .vab-layout-comprehensive .comprehensive-bar-container .el-menu-item.is-active {
  color: var(--el-color-white) !important;
  background-color: var(--el-color-primary) !important;
}
body.vab-theme-black .vab-layout-float .el-scrollbar__view .el-menu--collapse.el-menu li.el-sub-menu.is-active .el-sub-menu__title {
  background-color: transparent !important;
}
body.vab-theme-black .vab-layout-float .el-scrollbar__view .el-menu--collapse.el-menu li.el-sub-menu.is-active > .el-sub-menu__title {
  background-color: var(--el-color-primary) !important;
}
body.vab-theme-black .vab-header {
  color: var(--el-color-white) !important;
  background: #282c34 !important;
}
body.vab-theme-black .vab-header .vab-main {
  color: var(--el-color-white) !important;
  background: #282c34 !important;
}
body.vab-theme-black .vab-header .vab-main .right-panel .el-menu--horizontal .el-sub-menu .el-sub-menu__title:hover,
body.vab-theme-black .vab-header .vab-main .right-panel .el-menu--horizontal .el-menu-item:hover {
  color: var(--el-color-white) !important;
  background-color: var(--el-color-primary) !important;
}
body.vab-theme-black .vab-header .vab-main .right-panel .el-menu--horizontal .el-sub-menu .el-sub-menu__title.is-active,
body.vab-theme-black .vab-header .vab-main .right-panel .el-menu--horizontal .el-menu-item.is-active {
  color: var(--el-color-white) !important;
  background-color: var(--el-color-primary) !important;
}
body.vab-theme-black .vab-header .vab-main .right-panel [role=menubar].el-menu--horizontal > .el-sub-menu.is-active[tabindex="0"] > .el-sub-menu__title {
  color: var(--el-color-white) !important;
  background-color: var(--el-color-primary) !important;
}
body.vab-theme-black .vab-tabs-more-active .vab-tabs-more-icon .box:before,
body.vab-theme-black .vab-tabs-more-active .vab-tabs-more-icon .box:after, body.vab-theme-black .vab-tabs-more:hover .vab-tabs-more-icon .box:before,
body.vab-theme-black .vab-tabs-more:hover .vab-tabs-more-icon .box:after {
  background: var(--el-color-primary) !important;
}
body.vab-theme-black .vab-tabs .vab-tabs-content-card .el-tabs__header .el-tabs__item.is-active {
  color: var(--el-color-primary) !important;
  background: var(--el-color-primary-light-9) !important;
  border: 1px solid var(--el-color-primary) !important;
}
body.vab-theme-black .vab-tabs .vab-tabs-content-card .el-tabs__header .el-tabs__item:hover {
  border: 1px solid var(--el-color-primary) !important;
}
body.vab-theme-black .vab-tabs .vab-tabs-content-smart .el-tabs__header .el-tabs__item.is-active {
  background: var(--el-color-primary-light-9) !important;
}
body.vab-theme-black .vab-tabs .vab-tabs-content-smart .el-tabs__header .el-tabs__item:after {
  background-color: var(--el-color-primary) !important;
}
body.vab-theme-black .vab-tabs .vab-tabs-content-smart .el-tabs__header .el-tabs__item:hover {
  background: var(--el-color-primary-light-9) !important;
}
body.vab-theme-black .vab-tabs .vab-tabs-content-smooth .el-tabs__header .el-tabs__item.is-active {
  color: var(--el-color-primary) !important;
  background: var(--el-color-primary-light-9) !important;
}
body.vab-theme-black .vab-tabs .vab-tabs-content-smooth .el-tabs__header .el-tabs__item.is-active:hover {
  color: var(--el-color-primary) !important;
  background: var(--el-color-primary-light-9) !important;
}
body.vab-theme-black .vab-tabs .vab-tabs-content-smooth .el-tabs__header .el-tabs__item:hover {
  color: var(--el-color-black) !important;
}
body.vab-theme-black .vab-nav .el-tabs__item.is-active,
body.vab-theme-black .vab-nav .el-tabs__item:hover {
  color: var(--el-color-primary) !important;
}
body.vab-theme-black .vab-nav .el-tabs__active-bar {
  background-color: var(--el-color-primary) !important;
}
body.vab-theme-black #nprogress .bar {
  background: var(--el-color-primary) !important;
}
body.vab-theme-black #nprogress .peg {
  box-shadow: 0 0 10px var(--el-color-primary), 0 0 5px var(--el-color-primary) !important;
}/*# sourceMappingURL=black.css.map */